<template>
  <div class="logo-wrap">
    <img
      src="https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png"
      alt=""
      class="logo"
    />
    <h1 class="text">MainAppAdmin</h1>
  </div>
</template>

<script>
export default {
  name: "logoWrap"
};
</script>

<style lang="scss" scoped>
@import "@/common/scss/variables.scss";
.logo-wrap {
  display: flex;
  align-items: center;
  height: $hdNavHeight;
  line-height: $hdNavHeight;
  .logo,
  .text {
    display: inline-block;
    vertical-align: middle;
  }
  .logo {
    height: $hdNavHeight * 0.65;
    max-height: 35px;
  }
  .text {
    margin-left: 8px;
    font-size: 16px;
    font-weight: bold;
  }
}
</style>
